<template>
	<div id="app">
		<router-view></router-view>
		<div class="ajax-loading" id="ajaxLoading" style="display: none;">
			<div class="overlay"></div>
			<div class="loading">
				<!-- <img src="https://media.number-7.cn/ebike-h5/static/images/common/loading.gif" alt=""> -->
				<!-- <span>加载中，请稍后...</span> -->
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'App'
	}
</script>

<style>
	@import url("~@/assets/css/common.css");

	* {
		margin: 0;
		padding: 0;
	}

	html,
	body,
	#app {
		height: 100%;
		width: 100%;
		background: #f5f7f9;
		font-family: Lato, Helvetica, sans-serif;
	}

	a,
	a:hover {
		text-decoration: none;
	}

	a {
		color: #606266;
	}

	.el-dropdown-menu__item:not(.is-disabled):hover a {
		color: #66b1ff;
	}

	.content-nav {
		height: 40px;
		background: #f5f7fa;
		margin: 0 0 10px 0;
		display: flex;
	}

	.content-nav .breadcrumb {
		height: 40px;
		line-height: 40px;
		flex: 1;
		color: #8492A6;
	}

	.content-nav .operation-nav {
		width: auto;
		display: flex;
		align-items: center;
	}

	.content-main {
		padding: 20px;
		background: #fff;
	}

	.filter-box {
		height: auto;
		overflow: hidden;
	}

	.page-box {
		margin-top: 20px;
		text-align: right;
	}

	.form-table-box .el-input__inner {
		max-width: 240px;
	}

	.form-table-box .el-textarea {
		width: 400px;
	}

	.router-fade-enter-active,
	.router-fade-leave-active {
		transition: opacity .3s;
	}

	.router-fade-enter,
	.router-fade-leave-active {
		opacity: 0;
	}

	.form-table-box .el-form {
		margin-top: 40px;
	}

	.form-tip {
		color: #888;
		font-size: 12px;
		line-height: 30px;
	}

	.edui-toolbar,
	.edui-button-body {
		line-height: 1 !important;
	}

	.ueditor-wrap {
		width: 1000px;
		height: 600px;
	}
</style>
